Appendix A: 

Exemplary HTC File Defining Ah Exemplary CTS Resource Tag 

<!- 

Component: 

resource element behavior 

Applies to: 

Usage: 

<html xmlns:crs =,, www.microsoft.com/hotmail/hmuidev/crs M > 
<?IMPORT namespace-'crs" implementation- 'resource.htc" > 
<crs:resource resource-id="59"/> 

— > 

<PUBLIC:COMPONENT tagname="resource" literalContent="false" lightWeight-"true"> 
<PUBLIC:METHOD name="refresh" /> 

<PUBLIC:PROPERTY NAME-"resource-id" IEN"propid" GET="getj-id M PUT="putj-id" /> 
<PUBLIC:ATTACH event="oncontentready" onevent- 'contentReadyO" /> 
<SCRIPT language="JScript"> 

var mrid - null; 

function get_rid() 

{ 

return m rid; 

} 

function put_rid(new_rid) 

{ 

mrid = newrid; 
function contentReady() 

{ 

refresh(); 

} 

function refresh() 

{ 

//validate member 
var html = ""; 
if(mrid) 

{ 

if (isFinite(mrid) = true) 

{ 

html = context.getCompiledResourceValue(m_rid, element); 

} 

else 

{ 
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html = "(error: invalid resource id: " + mrid + ". )"; 

} 

} 

//update element 

if (element.innerHTML != html) 

{ ' 

try 

{ 

element.innerHTML = html; 

} 

catch(e) 

{ 

//unable to set html into element 

} 

} 

} 

</SCRIPT> 
</PUBLIC:COMPONENT> 
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Appendix B: 



Exemplary HTC File Defining An Exemplary CTS If-Resource Tag 

<!- 

Component: 

conditional element behavior 

-> 

<PUBLIC:COMPONENT tagname="if-resource" literalContent="nested" lightWeight-"true"> 
<PUBLIC:METHOD name^" refresh" /> 

<PUBLIC:PROPERTYNAME="resource-id" ID="propid" GET="get_rid" PUT="set_rid" /> 
<PUBLIC:ATTACH event="oncontentready" onevent="contentReady()" /> 
<SCRIPT language="JScript"> 

var m rid = null; 

var rn_oadj = null; 

function init() 

{ 

moadj = window.document.createElement("span"); 
element.insertAdjacentElement("afterEnd" ? moadj); 

} 

function get_rid() 
{ 

return m rid; 

} 

function set rid(new rid) 

{ 

m rid = new_rid; 

> 

function contentReady() 

{ 

//content is ready to be rendered 

init(); 

refresh(); 

} 

function refresh() 
{ 

var render = false; 

if (m_rid) 
{ 

if (isFinite(mrid) =5= true) 

{ 

//determine if there is an instance node which meets the criteria 
var chtml = context.getCompiledResourceValue(get_rid()); 
if(chtml) 
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} 



} 



if (c_html.toString().length > 0) 
{ 

render = true; 

} 



f (render — true) 

m_oadj.innerHTML - element.innerHTML; 
else 

m_oadj.innerHTML=""; 



} 

</SCRIPT> 
</PUBLIC:COMPONENT> 
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Appendix C: 

Exemplary HTC File Defining An Exemplary CTS Preview Tag 



component name: 
preview 

usage: 

<crs:preview id="previewArea" module-id- f 337" > 

(content inserted by preview element) 

<crs:resource resource-id- , 336 M /> 
</crs:preview> 

notes: 

- uses the module-id to query the context object for the structural html in the DB. Places this 
html within the preview tag. 

-> 

<PUBLIC:COMPONENT tagName="preview" literalcontent= f, false" 
urn^' ? microsoft.com/hotmail/frontdoor/uidev/crs M > 
<PUBLIC:ATTACH event="oncontentready M onevent^'initO" /> 
<PUBLIC:METHOD name="refresh M /> 
<SCRIPT language="javascript ,, > 

var mmid = null; 

function init() 

{ 

refresh(); 

} 

function refresh() 

{ 

//get the module id from the context object 

mmid == window.document.all.contextmoduleTarget; 

//clear the contents first 
element.innerHTML = ; 

//populate the structural html using the context object 
populateStructuralHTML(); 

function populateStructuralHTML() 

{ 

try 

{ 

try 
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if( isFinite(m mid) = true && m mid !— null) 

{ 

var structurelitml = 
context, get StructuralHtmlForModule(); 

element.insertAdjacentHTML( ,, afterBegin n , 

structureHtml); 

} 

else 

{ 

elernent.insertAdjacentHTML("afterBegin", "(error: invalid 

module-id: " + m_mid + ". )"); 

} 

} 

catch(e) 
{ 

throw "problems: \n" + e; 

} 

} 

catch(e) 
{ 

alert("Preview failed to initialize, [location: preview.htc:init()]\n M + e); 

} 

} 

</SCRIPT> 
</PUBLIC:COMPONENT> 
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Appendix D: 

Exemplary HTC File Defining An Exemplary Context Object 

<!- 

component name: 
context 

usage: 

<crs:context id="context7> 
notes: 

- events fired from this object will have a srcUrn property of the urn specified in the component 
tag attributes. 

- this element does not need to respond to oncontentready since it contains no markup that needs 
to be parsed. 

- requires crs common.js 

- as a general rule, we never allow clients of this object direct access to the resource cache 
(m_x_cache) 

as a defensive mechanism to ensure this object can count on the integrity of the cache. 

dependencies: 
templates 
includes 

stored procedures 
etc 



<PUBLIC:COMPONENT tagName= M context" lightweight- 'true" literalcontent="true" 
um^ M microsoft.com/hotmail/frontdoor/uidev/crs/context f, > 

<PUBLIC:DEFAULTS canHaveHTML="false" tabStop="false" contentEditable="false" /> 

<PUBLIC:METHOD name="getModuleResources" /> 

<PUBLIC:METHOD name="setResourceValueNode" /> 

<PUBLIC:METHOD name="getCompiledResourceValue" /> 

<PUBLIC:METHOD name- M getStructuralHtmlForModule" /> 

<PUBLIC:METHOD name="instanceExistsForResource" /> 

<PUBLIC:METHOD name="getResourceValueNode" /> 

<PUBLIC:METHOD name="zipnav" /> 

<PUBLIC METHOD name="saveChanges" /> 

<PUBLIC METHOD name="readAhead_getModuleValueNode" /> 

<PUBLIC METHOD name="expireReadAhead_getModuleValueNode M /> 

<PUBLIC;PROPERTYname= M queryTarget" get="get_queryTarget" put="put_queryTarget" /> 

<PUBLIC : PROPERTY name- 'moduleTarget" get="get_moduleTarget" 

put- 'putjnoduleTarget' 1 /> 
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<PUBLIC:PROPERTY name="releaseTarget" get-"get_releaseTarget" 
put- 'put_releaseTarget7> 

<PUBLIC:PROPERTY name- f, designMode" get- f get_designMode M put="put_designMode7> 
<SCRIPT language="javascript" src= n inc/crs_common.js"></SCRIPT> 
<SCRIPT language="javascript" src="inc/validation.js ?, ></SCRIPT> 
<SCRIPT language="javascript M > 
//publics 

var m_i_queryTarget ^ 0; 
var mimoduleTarget = 0; 
var m_i_releaseTarget = 0; 
var m_i_user_id = 0; 
var m_e_preview = null; 
var mxcache = null; 
var m_x_def_cache = null; 
var mbdesignMode - false; 
//init code 
init(); 
//functions 
function init() 

{ 

if (get_designMode()=false) 
{ 

//if we are not in design mode, then use session data to determine 

environment settings. 

miqueryTarget - get_current_query id(); 
mimoduleTarget = get_current_module_id(); 
m_i_releaseTarget = get_current_release_id(); 
m i user id - get_current_user_id(); 

} 

else 

{ 

//design mode on, check for environment data in the querystring 

try 

{ 

miqueryTarget = window, location. search.match(/query- 
target=\d+/)[0] .match(Ad+/)[0] ; 

m_i_moduleTarget = window.location.search.match(/module- 
target=\d+/)[0].match(Ad+/)[0]; 

mj releaseTarget = windo w. location. search.match(/release- 
target=\d+/)[0] .match(Ad+/)[0] ; 

//alert("query: " + m i queryTarget + module: " + 
mimoduleTarget + release: " + m_i_releaseTarget); //debug 
} 

catch(e) 

{ 

//[ ] todo: support additional methods to retrieve the params 
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// - possibly via hidden fields on the doc 

alert("Unable to resolve query-target/module-target/release-target 

in querystring. (context)"); 

} 

} 

rebuildCache(); 

} 

function get_designMode() 
{ 

return mbdesignMode; 

} 

function putdesignMode(newMode) 
{ 

//alert("newMode: " + newMode); //debug 

if (newMode — 0) 

{ 

m_b_designMode = false; 

} 

else 
{ 

m_b_designMode = true; 
init(); 

} 

} 

function get_queryTarget() 
{ 

return miqueryTarget; 

} 

function get_moduleTarget() 
{ 

return mimoduleTarget; 

} 

function zipnav(release_id, moduleid, queryid) 

{ ^ " ; 

//no error handling here 
mi_releaseTarget = releaseid; 
mimoduleTarget = moduleid; 
miqueryTarget = query_id; 

//clear the cache and refresh using the new criteria 
rebuildCache(); 

return; 

function put_queryTarget(query_id) 
{ 
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//set the internal query_id 
m_i_queryTarget = query_id; 
rebuildCache(); 

function put_moduleTarget(module_id) 

//set the internal moduleid 
m_i_moduleTarget = moduleid; 
rebuildCache(); 

function putreleaseTarget(release_id) 

//set the internal releaseid 
m_i_releaseTarget = releaseid; 
rebuildCacheQ; 

function get_releaseTarget() 

return mireleaseTarget; 

function getModuleResourcesQ 

//return a pointer to a clone of the module node from the resource cache 
try 

{ 

return m_x_cache.selectSingleNode("//module").cloneNode(true); 

} 

catch(e) 

{ 

//do nothing. 

} 

} 

function rebuildCache() 
{ 

/* 

function 

rebuildCache 1.0 
parameters 

none 

returns 

none 

notes 

- builds the cache using the query and module id in the environment, 

overwrites the 

cache if data already exists in it. 

*/ 
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//query for module resource values and load into cache 

var url = get_webserver_name() + " templates/resource Values. asp?query_id=" + 
get_queryTarget() + 

"&moduleJd-" + get_moduleTarget() + "&release_id=" + 
get_releaseTarget() + "&resolveExternals=l"; 

//if (window.confirm("cache rebuilt, do you want to view its 
contents?")===true) {window. open(url) ; } //debug 

mxcache = accessXML(url); 

//set query-target information in cache (used by checkout.xsl) 
m_x_cache.documentElement.setAttribute(" query-target", get_queryTarget()); 
//set instance ids for those which were referred 

var e = new Enumerator(m_x_cache.selectNodes( n //instance[@referred-by]")); 
for (; !e.atEnd(); e.moveNext()) 

{ 

//set the instance id 

e.item().setAttribute("instance-id", e.itemO.getAttributeC^eferred-by")); 

} 

} 

function setResourceValueNode(resourceID, valueNode, preferredTarget) 

{ 

/* 

function 

setResourceValueNode 1.0 
parameters 

resourcelD (integer) - the id of the resource to set 

valueNode (IXMLDOMNode) - the datatype specific instance element to 

set as content 

returns 

true upon success, false on failure 

notes 

'*/ 

var resource_xpath = 7/module/resource[@resource-id~ ' + resourcelD + "]"; 
var resourcenode = mxcache.selectSingleNode(resourcexpath); 

//check quality of valueNode parameter 
if (valueNode == null) 

{ 

alert('The context element's setResourceValueNode method requires a non 
null value for the valueNode parameter."); 

return false; 

} 

if (typeof valueNode != "object") 
{ 

alert("You can only pass IXMLDOMNode objects to the 
setResourceValueNode method.\nYou passed in a parameter of type: " + typeof valueNode + "."); 
return false; 

} 
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//make sure instance-id is not provided 

if (valueNode.getAttribute( M instance-id t, ) N null) 

{ 

alert("You cannot pass instance-id data to the setResourceValueNode 
method. \nNode not added.\n(setResourceValueNode (context))"); 
return false; 

} 

//alert("resld: " + resourcelD + M \nsetResourceValueNode xml:\n" + 
valueNode.xml + "\ntarget resource node: \n\n" + resource_node.xml); //debug 
if (resource_node !=null) 

{ 

//set dirty 

resource_node.setAttribute("dirty", "true"); 
//create a new instance node if necessary 

var instance_node = resource_node.selectSingleNode("instance[@query- 
id=" + get_queryTarget() + "]"); 

if (instance_node — null) 

{ 

//unable to find any pre-localized instances, check for ones which 

have been referred 

instance_node = 
resource_node.selectSingleNode("instance[@referred-by]"); 

if (instance node != null) 

{ 

//instance node was located, alter the query id so that the 
context object can locate it from now on 

instance_node.setAttribute("query-id", get_queryTarget()); 

} ' 

else 
{ 

//instance was hot available from a referrer either, create a 

new one 

var i node - m_x cache.createElement("instance"); 
i_node.setAttribute("resource-id", 
resource_node.getAttribute("resource-id")); 

i_node.setAttribute("query-id", get_queryTarget()); 
i node.setAttribute("release-id", get_releaseTarget()); 
//if this is a 'dead instance', copy the instance id from the 

top level referrer data 

var deadreferrer = resource_node.getAttribute("referred- 

by"); 

if (dead referrer != null) 

{ 

i_node. set Attribute("instance-id", dead referrer); 

} 

//add the instance node to the hierarchy 

instance node = resource_node.appendChild(i node); 
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} 

} 

//set the target-query-id 
if (preferredTarget) 

instancenode.setAttribute("target-query-id", preferredTarget); 

else 

instancenode.setAttribute("target-query-id", crs null keyword); 
//add the dt node to the cache 
if (instancenode.hasChildNodes()) 
{ 

//replace children 

instancenode.replaceChild(valueNode.cloneNode(true), 

instancenode . firstChild) ; 

else 

{ 

//append children 

instance node.appendChild(valueNode.cloneNode(true)); 

} 

} 

else 

{ 

alert("Null resourcelD passed to the setResourceValueNode 
method.\nNode not added.\n(setResourceValueNode (context))"); 
return false; 

} 

//update any resource/if-resource tags referencing this id 
updateResource(resourceID); 
//return good 
return true; 

} 

function updateResource(resourcelD) 

{ 

/* 

function 

updateResource 1 .0 
parameters 

resourcelD (integer) - the id of the resource to update 

returns 
notes 

- this function searches the hosting document for any related 
crs : resource/crs : i f-resource tags 

and calls the refresh method on them. 

*/ 

//locate the preview element 
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var p - getPreviewElement(); 



//locate resource/if-resource tags within it 
if(p!=null) 

{ 

//if-resource 

var colifresources = p.all.tags("if-resource"); 
for (var i=0; i<col_if_resources. length; i++) 

{ 

var elem = col_if_resources[i]; 

if (elem.getAttribute("resource-id") == resourcelD) 

{ 

elem.refresh(); 

} 

} 

//resource 

var col_resources = p.all.tags("resource"); 
for (var i=0; i<col_resources.length; i++) 

{ 

var elem = col_resources[i]; 

if (elem.getAttribute( ft resource-id") == resourcelD) 

{ 

elem.refresh(); 

} 

} 

} 

} 

function getPreviewElementQ 
{ 

/* 

function 

getPreviewElement 1.0 
parameters 
returns 

the preview element from the page 

notes 

- uses caching 

- locates the preview element anywhere within the document heirarchy 

*/ 

if (m e_preview = null) 
{ 

//search for it 

var colPreviews - window.document.all.tags( n preview"); 
if (colPreviews. length > 0) 

{ 
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m_e_p review = colPreviews[0] ; 
return m_ej3review; 

} 

} 

else 

{ 

return m_e_preview; 

} 

} 

function saveChanges(fhvalidateHandler) 
{ 

/* 

function 

saveChanges 1.0 
parameters 

[fn validateHandler] (function pointer) - (optional) string name of the 
function which can handle 

validation errors. 

returns 

true on success, false on failure 

notes 

- called by the ui to persist changes in db 

*/ 

//check design mode — — — 



if (get_designMode()=true) 
{ ~ 

alert("Changes can not be saved in design mode."); 
return false; 

} 

//check if this module-query-version is checked out 



if (isModuleCheckedOut(get_releaseTarget(), 

getjnoduleTarget(), 
get_queryTarget())=true) 

{ 

alert("Changes can not be saved because\nthis module is currently 

checked out."); 

return false; 

} 

//check if this module-query- version is signed off — - — 



if (isModuleSignedOff(get_releaseTarget(), 

get_moduleTarget() , 
get_queryTarget())^=true) 

{ 
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alert( lf Changes can not be saved because\nthis module is currently signed 

off/'); 

return false; 

} 

//verify the current user has write access to the module 

_^-—\ 

if (userHasAccess(m_i__user_id, 

get_releaseTarget(), 

get_moduleTarget() , 

getqueryTarget(), 

true, 

false, 

false, 

true)^=false) 

{ 

//user does not have access to save the module 
return false; 

} 

//validate resources — — — 



if (validation_validateResources(m_x_cache, fh_validateHandler)=false) 

{ 

alert(" Validation failed.\nCannot save."); 
return false; 

} 

//process changes and post query to server — — 

\ 

var xslt = accessXML(get_webserver_name() + "stylesheets/contextupdate.xsl"); 

//transform cache 

var diff = getNewXMLDoc(); 

m_x_cache.transformNodeToObject(xslt.documentElement, diff); 
//window.clipboardData.setPata( M Text",diff xml); //debug — copy updategram to 

clipboard 

//if (window.confirm(("Post diffgram?\n\n" + diff.xml))=false) {return false;} 

//debug 

//post to server 

var xresult = accessXML(get_webserver_name() + "updatehandler.asp", 

"POST", diff); 

//evaluate quality 

if (updateSucceeded(x result, true) = false) 

{ 

alert("Update failed."); 
return false; 

} 

else 
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{ 

//alert("save result xml: \n\n" + x result.xml); //debug 
alert( M Changes saved."); 
rebuildCache(); 
return true; 

} 

} 

function readAhead_getModuleValueNode(queryID, noReferrer) 
{ 

/* 

function 

readAheadgetModuleValueNode 1.0 
parameters 
returns 
notes 

- to speed up access to calls to getResourceValueNode 

*/ 

if(!queryID) 

querylD = get_queryTarget(); 
if (! noReferrer) 

noReferrer = "0"; 

//get data 

var url = get_webserver_name() + "templates/resource Values. asp?query_id- ' + 

querylD + 

,, &module_id= n + get_moduleTarget() + "&release_id=" + 

get_releaseTarget() + 

"&no_referrer=" + noReferrer + "(fcresolveExternals^"; 

//set cache 

m x def cache = accessXML(url); 

>■ 

function expireReadAhead_getModuleValueNode() 
{ 

/* 

function 

expireReadAheadgetModuleValueNode 1 .0 
parameters 
returns 
notes 

- expires cache so subsequent calls to getResourceValueNode will return 

accurate data. 

*/ 

mx_def_cache = null; 
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function getResourceValueNode(resourceID, querylD, noReferrer) 

{ 

/* 

function 

getResourceValueNode 1.0 
parameters 

resourcelD (integer) - the id of the resource to retrieve 

querylD (integer) - the target query id to lookup 

noReferrer (l/[0]) - affects whether referrers are used in the lookup 

returns 

<resource> node complete with instance and dt instance nodes. 

notes 
*/ 

//fixup parameters 
if(!queryID) 

querylD = get_queryTarget(); 
if (! resourcelD) 

alert( M Null resource id was passed to getResourceValueNode function in 

context object."); 

if (! noReferrer) 

noReferrer = "0"; 

if (m_x_def_cache) 

{ 

//if the read ahead cache is set, read from that instead 

var z = m_x_def_cache.selectSingleNode("//resource[@resource-id=" + 

resourcelD + "]"); 

return m_x_def_cache.selectSingleNode("//resource[@resource-id=" + 

resourcelD + "]"); 

} 

else 
{ 

//get data 

var url = get_webserver_name() + 
"templates/resourceValues.asp?query_id- ? + querylD + 

"&resource_id- ' + resourcelD + "&release_id= M + 

getjreleaseTarget() + 

"&no_jeferrer=" + noReferrer; 
var x doc - accessXML(url); 

//return results (no need to use protection via cloning) 
return x_doc.selectSingleNode('Y/resource M ); 

} 

} 

function getCompiledResourceValue(resourceID, crs_element) 
{ 
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function 

getCompiledResourceValue 1.0 
parameters 

resourcelD (integer) - the id of the resource to compile 

[crselement] (IHTMLDOMNode) - optional reference to <crs:resource> 

element 

returns 

HTML representing resource 

notes 

- this method attempts to best match a resourceNode with an 
instanceNode using the query target 

specified, and passes this information to instanceNodeToHTML for 

final rendering. 

- externally exposed method 

" */ 

var resource_node =*= m_x_cache.selectSingleNode( , 7/resource[@resource-id= M + 
resourcelD + "]"); 

if (resourcenode) 

{ 

//instance matching logic 
var instancenode = 
getBestlnstanceNodeFromResourceNode(resourcenode); 

//render the resource and instance 

return instanceNodeToHTML(resource node, instance_node, 

crselement); 

} 

else 

{ 

//the resource is hot present in the cache, add it 
resourcenode = addResourceToCache(resourcelD); 
if (resource node) 

{ 

//instance matching logic 
var instancenode - 
getBestlnstanceNodeFromResourceNode(resourcenode); 

//render the resource and instance 

return instanceNodeToHTML(resource_node, instance node, 

crs_element); 

} 

else 

{ 

//resource can not be found 
return ""; 

} 
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} 

} 

function instanceExistsForResource(resource_id) 
{ 

/* 

function 

instanceExistsForResource 1.0 
parameters 

resourcejd (int) - resource id 

returns 

(bool) true/false indicating whether an instance exists for the resource 

within 

the cache. 

notes 

- this function is externally exposed as a method 

- - intended to be called by the if-resource element 

- this object also counts on the fact that an instance node will never exist 

without 

a matching dt-specific instance row, which should be maintained by logic 

within the db. 

*/ 

var i node - m_x_cache.selectSingleNode( f 7/instance[../@resource-id= ff + 
resource_id + "]"); 

if (i_node != null) 
return true; 

else 

return false; 

} 

function getBestlnstanceNodeFromResourceNode(resourceNode) 
{ 

/* 

function 

getBestlnstanceNodeFromResourceNode 1.0 
parameters 

resourceNode (IXMLDOMNode) - the resource node used to query for 

instance data 

returns 

an instance node, or null 

notes 

- this method attempts to locate the most specific instance node from a 

resource 

node, based on the query target set in the context object's properties. 

- intended to be used by the getCompiledResourceValue method 

*/ 
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var instance_node = resourceNode.selectSingleNode("instance[@query-id=" + 
get_queryTarget() + "]"); 

if (instance_node — null) 
{ 

//try to locate any instance 

instancenode = resourceNode.selectSingleNode("instance f '); 

} 

return instance node; 

} 

function addResourceToCache(resourcelD) 

{ 

/* 

function 

addResourceToCache 1.0 
parameters 

resourcelD (integer) - the id of the resource to add to the cache 

returns 

the resource node added to the cache (IXMLDOMNode), or null. 

notes 

- this function adds a resource that is normally outside the module target 



selected, 
resource that is 
the current one. 
referrers 



• intended to be used from structural preview html that tries to render a 
not already present in the cache since it belongs to a module outside of 
■ calls to this method make full use of the defaulting system, including 



var url = get_webserver_name() + "templates/resourceValues.asp?query _Jd- 1 + 
get_queryTarget() + 

"&resource_id=" + resourcelD "+ "&release_id- ' + 

get_releaseTarget(); 

var x_data = accessXML(url); 

var resourcenode = x_data.selectSingleNode( f V/resource"); 

if (resource node — null) 
{ 

if (get_designMode()==false) 

{ • 

//resource could not be found in the database 

alert("Resource id: " + resourcelD + " could not be found in the 

database."); 

return null; 
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structural editor 



} 

else 
{ 

//user is using the context.htc from within the context of a 
return null: 



} 

else 

1 : { 

//move the resource node to the cache 
return 

m_x_cache.selectSingleNode("//root t, ).appendChild(resource_node); 
} 

} 

function getExtendedAttributeList(crselement) 
{ 

/* 

function 

getExtendedAttributeList 1 .0 
parameters 

[crs_element] (IHTMLDOMNode) - optional reference to <crs:resource> 

node 

returns 

string representing attribute list 

notes 

this function examines attributes expressed on a <crs:resource> node, and 
builds a name/value pair string 

so those attributes can be passed down to an element such as a <a> or 

<img>. 

■*/ 

var extra_attributes = ""; 
if (crselement) 

{ 

//process standard attributes 

for (var i=0; i<crs_element.attributes. length; i++) 

{ 

var attrib = crs_element.attributes[i]; 
switch (attrib.nodeName) 

{ 

case "resource-id": 
{ 

//do nothing 

} 

break; 
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default: 

{ 

if (attrib. node Value) 

{ . 



attrib.nodeName + "=\"" + attrib.nodeValue + "V"; 

} 



if (attrib.specified) 

{ 

extra attributes += " " + 



} 



} 

break; 

} 

} 

//process style attribute (special case) 

var h = crs_element.outerHTML.toLowerCase(); 

var s_loc = h.indexOf("style=\""); 

if(sjoc>0) 

{ 

s_loc += 7; //length of string: style- 1 

var s_eloc = h.indexOf("Y"\ s loe); 

var sstyle = h.substr(s loc, s eloc - s loe); 

extra_attributes += " styled"" + s style + "V"; 

} 

} 

return extraattributes; 

} 

function instanceNodeToHTML(resourceNode, instanceNode, crselement) 

{ 

/* ' 
function 

instanceNodeToHTML 1.0 
parameters 

resourceNode (IXMLDOMNode) - the resource node 
instanceNode (IXMLDOMNode) - the instance node which contains a 
child of the datatype specific 

instance node, or no children, or NULL 

[crs element attributes] (IHTMLDOMNode/Collection) - optional 
collection of attributes from a <crs:resource> element 
returns 

HTML representing instance 

notes 

- both the resource and instance nodes are passed to this method so that 

for datatypes that do 
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not require instances eg. cleargif, can still be rendered, as well as for 

datatypes that 

require resource data to be rendered properly. 

*/ 

var type = resourceNode.selectSingleNode( n type M ).getAttribute("type-name"); 
var res = ""; 
var dtNode; 

if (instanceNode != null) 
{ 

//locate the datatype specific instance node if available 
if (instanceNode.hasChildNodes()) 

{ 

dtNode = instanceNode.firstChild; 

switch (type) //only support types that have a visual representation 

in a structural preview 

{ 

case "text": 

res = nz(dtNode.getAttribute("text")); 

break; 
case "link": 

if(nz(dtNode.getAttribute("url")).toString().length 
> 0 || nz(dtNode.getAttribute("text")).toString().length > 0) 

{ 

var extra attributes = 



getExtendedAttributeList(crs_element); 
nz(dtNode.getAttribute( ,, url M )); 



var url_part = 



//resolve rp node attributes 
var s_i_url_only = "0"; 

{ 

s_i_urlonly = 

resourceNode.firstChild.nextSibling.getAttribute( f, url-only M ); 

} 

catch(e){} 

//build output 
if(s_i_url_only = "1") 
{ 

//url only link 
res = url j>art; 

} 

else 

{ 

//normal link 
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res = "<a target=\"_new\" hrefH"" 
url_part + "V" + extraattributes + ">" + nz(dtNode.getAttribute("text")) + "</a>"; 

■ } 

} 

break; 
case "image": 

{ 

var image_data_id " 

parseInt(dtNode.getAttribute( tf image-data-id n ) ? 1 0); 

if (image_data_id > 0) 

{ 

var extra attributes = 

getExtendedAttributeList(crselement); 

var url - get_webserver_narne() + 
"/crsdata-anon/db/image_data[@image_data_id=" + image data id + "]/@image_data"; 

var img = "<img border=0 src-\"" 
url + "\" alt=V" + nz(dtNode.getAttribute("title")) + "\" " + extra_attributes + " >"; 

(dtNode.getAttribute("urr').toString().length > 0) 

{ 

res = "<a target=\"_new\" 
hrefH"" + dtNode.getAttribute("url") + "\">" + img + "</a>"; //link specified 

} 

else 
{ 

res - img; //Unknot 



specified 



} 

} 

break; 



} 



} 

else 

{ 

if (getdesignMode() = true) 

{ 

res = getDeisnModeDefaultHTMLForResource(resourceNode); 

} 

} 

//return value 
return res; 

} 

function getDeisnModeDefaultHTMLForResource(resourceNode) 

{ 
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return "(resource-id: " + resourceNode.getAttribute("resource-id") + " + 
resourceNode.getAttribute("short-name M ) + ")"; 
} 

function getStructuralHtmlForModule() 
{ 

/* 

function 

getStructuralHtmlForModule 1 .0 
parameters 
none. 

returns 

HTML representing structural html. 

notes 

- uses the module target of the context object to locate the module. 

*/ 

var module jiode - m_x_cache.selectSingleNode( M //module[@module-id= M + 
get__moduleTarget() + "]"); 

if (modulenode Nnull) 

{ 

//prefer the structural resource node which is not for output 

var structuralresourcenode = null; 

structural_resource_node = 
module_node.selectSingleNode( ,t resource[type/@type-name= , structure , and structure-resource- 
properties/@for-output = '0']"); 

if (!structural_resource_node) 
{ 

//unable to locate a preview specific html, try a non preview 

specific one 

structuralresourcenode = 
module_node.selectSingleNode("resource[type/@type-name= f structure 1 and structure-resource- 
properties/@for-output = T]"); 

} 

//get data 

if (structural resource node) 

{ 

var structural_instance_node ~ 
structural_resource_node.selectSingleNode( M instance/structure-instance"); 

if (structural instance node != null) 

{ 

return structural_instance_node.getAttribute("html"); 

} 

else 
{ 
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//no instance node found 

//window. status = "no instance node found"; //debug 
return ""; 

} 

} 

else 

{ 

//window. status = "no resource node found"; //debug 
//no resource node found 
return ""; 

} 

} 

else 

{ 

//window. status = "no module node found"; //debug 
//no module node found 
return ""; 

} 

} 

</SCRIPT> 
</PUBLIC:COMPONENT> 



lee@hayes piic 509-324-9256 



62 



MS1-1483US 



